<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>San Jacinto S.A.C / Reserva</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

	<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
	<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
	<!--script src="js/less-1.3.3.min.js"></script-->
	<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
	
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<link href="css/datepicker.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="js/datepickerBuscar.js"></script>

</head>

<body>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
				<div class="navbar-header">
					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">San Jacinto</a>
				</div>
				
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li >
							<a href="index.html">Home</a>
						</li>
						<li class="active">
							<a href="buscar.html">Reserva</a>
						</li>
						<li>
							<a href="#">Contactenos</a>
						</li>
				
					</ul>
					<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input type="text" class="form-control">
						</div> <button type="search" class="btn btn-default ">  <span class="glyphicon glyphicon-search"></span> Buscar</button>
						
						
					</form>
					
					<ul class="nav navbar-nav navbar-right">
					<li>
							<a id="modal-469447" href="#modal-container-469447" data-toggle="modal">Iniciar Sesion</a>
							
							
						</li>
                                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Account
                                        <b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <div class="navbar-content">
                                                    <div class="row">
                                                        <div class="col-md-5">
                                                            <img src="http://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/twDq00QDud4/s120-c/photo.jpg"
                                                                alt="Alternate Text" class="img-responsive" />
                                                            <p class="text-center small">
                                                                <a href="#">Change Photo</a></p>
                                                        </div>
                                                        <div class="col-md-7">
                                                            <span>Bhaumik Patel</span>
                                                            <p class="text-muted small">
                                                                mail@gmail.com</p>
                                                            <div class="divider">
                                                            </div>
                                                            <a href="#" class="btn btn-primary btn-sm active">View Profile</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="navbar-footer">
                                                    <div class="navbar-footer-content">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <a href="#" class="btn btn-default btn-sm">Change Passowrd</a>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <a href="http://www.jquery2dotnet.com" class="btn btn-default btn-sm pull-right">Sign Out</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
				</div>
				
			</nav>
			<br/><br/><br/>
			
			<div class="stepwizard">
				<div class="stepwizard-row">
					<div class="stepwizard-step">
						<button type="button" class="btn btn-primary btn-circle">1</button>
						<p>Busqueda</p>
					</div>
					<div class="stepwizard-step">
						<button type="button" class="btn btn-default btn-circle" disabled="disabled">2</button>
						<p>Seleccionar</p>
					</div>
					<div class="stepwizard-step">
						<button type="button" class="btn btn-default btn-circle" disabled="disabled">3</button>
						<p>Forma de Pago</p>
					</div> 
				</div>
			</div>
			
			<br/>
			<br/>

	
<div class="container">
	<div class="row">
    <div class="col-md-6 col-md-offset-4">
      <form class="form-horizontal" role="form" action="seleccionar.html">
        <fieldset>

          <!-- Form Name -->
          <legend>Busquedad de Automoviles</legend>

          <!-- Text input-->
          <div class="form-group">
            <label class="col-sm-2 control-label" for="textinput">Ciudad</label>
            <div class="col-sm-10">
              <input type="text" placeholder="Ciudad o Aeropuerto" class="form-control">
            </div>
          </div>


       

          <!-- Text input-->
          <div class="form-group">
            <label class="col-sm-2 control-label" for="textinput">Fecha Pick-up</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" value="" id="fechapickup" placeholder="Pick up" >
            </div>

            <label class="col-sm-2 control-label" for="textinput">Hora Pick-up</label>
            <div class="col-sm-4">
              <select id="subject" name="subject" class="form-control" required="required">
                                <option value="na" selected="">Elige Hora:</option>
                                <option value="service">1:00 AM</option>
								<option value="service">2:00 AM</option>
								<option value="service">3:00 AM</option>
								<option value="service">4:00 AM</option>
								<option value="service">5:00 AM</option>
								<option value="service">6:00 AM</option>
								<option value="service">7:00 AM</option>
								<option value="service">8:00 AM</option>
								<option value="service">9:00 AM</option>
								<option value="service">10:00 AM</option>
								<option value="service">11:00 AM</option>
								<option value="service">12:00 PM</option>
								<option value="service">13:00 PM</option>
								<option value="service">14:00 PM</option>
								<option value="service">15:00 PM</option>
								<option value="service">16:00 PM</option>
								<option value="service">17:00 PM</option>
								<option value="service">18:00 PM</option>
								<option value="service">19:00 PM</option>
								<option value="service">20:00 PM</option>
								<option value="service">21:00 PM</option>
								<option value="service">22:00 PM</option>
								<option value="service">23:00 PM</option>
								<option value="service">00:00 PM</option>
								
								
                                
              </select>
            </div>
          </div>
		  
		  
		   <div class="form-group">
            <label class="col-sm-2 control-label" for="textinput">Fecha Drop-off</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" value="" id="fechadropoff" placeholder="Drop off" >
            </div>

            <label class="col-sm-2 control-label" for="textinput">Hora Drop-off</label>
            <div class="col-sm-4">
              
			  <select id="subject" name="subject" class="form-control" required="required">
                                <option value="na" selected="">Elige Hora:</option>
                                 <option value="service">1:00 AM</option>
								<option value="service">2:00 AM</option>
								<option value="service">3:00 AM</option>
								<option value="service">4:00 AM</option>
								<option value="service">5:00 AM</option>
								<option value="service">6:00 AM</option>
								<option value="service">7:00 AM</option>
								<option value="service">8:00 AM</option>
								<option value="service">9:00 AM</option>
								<option value="service">10:00 AM</option>
								<option value="service">11:00 AM</option>
								<option value="service">12:00 PM</option>
								<option value="service">13:00 PM</option>
								<option value="service">14:00 PM</option>
								<option value="service">15:00 PM</option>
								<option value="service">16:00 PM</option>
								<option value="service">17:00 PM</option>
								<option value="service">18:00 PM</option>
								<option value="service">19:00 PM</option>
								<option value="service">20:00 PM</option>
								<option value="service">21:00 PM</option>
								<option value="service">22:00 PM</option>
								<option value="service">23:00 PM</option>
								<option value="service">00:00 PM</option>
              </select>
            </div>
          </div>




          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <div class="pull-right">
               
                <button type="submit" class="btn btn-primary">Buscar</button>
              </div>
            </div>
          </div>

        </fieldset>
      </form>
    </div><!-- /.col-lg-12 -->
</div><!-- /.row -->
</div>


			
		</div>
	</div>
</div>

<div class="modal fade" id="modal-container-469447" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
								<form class="form-signin mg-btm">
								<h3 class="heading-desc">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								Login to Bootsnipp</h3>
										<div class="social-box">
											<div class="row mg-btm">
											 <div class="col-md-12">
												<a href="#" class="btn btn-primary btn-block">
												  <i class="icon-facebook"></i>    Login with Facebook
												</a>
											</div>
											</div>
											<div class="row">
											<div class="col-md-12">
												<a href="#" class="btn btn-info btn-block" >
												  <i class="icon-twitter"></i>    Login with Twitter
												</a>
											</div>
										  </div>
										</div>
										<div class="main">	
								
										<input type="text" class="form-control" placeholder="Email" autofocus>
										<input type="password" class="form-control" placeholder="Password">
								 
							   
										<span class="clearfix"></span>	
										</div>
										<div class="login-footer">
											<div class="row">
															<div class="col-xs-6 col-md-6">
																<div class="left-section">
																
																	<a href="registrarUsuario.html">Registrese Ahora!</a>
																</div>
															</div>
															<div class="col-xs-6 col-md-6 pull-right">
																<button type="submit" class="btn btn-large btn-danger pull-right">Login</button>
															</div>
												</div>
								
										</div>
							  </form>
							
						</div>
				
			</div>
</body>
</html>
